<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>无边框</div>
<div style="border:dotted">点线边框</div>
<div style="border:dashed">虚线边框</div>
<div style="border:solid">实线边框</div>
<div style="border:double">两个边框</div>
<div style="border:groove;border-width: 100px">3d边框</div>
<div style="border:ridge;border-width: 100px">3d脊边框</div>
<div style="border:inset;border-width: 100px">3d嵌入边框</div>
<div style="border:outset red;border-width: 100px">3d突出边框</div>
</body>
<style>
    div{
        margin-bottom: 10px;
        border-width: 100px;
    }
</style>
</html>
